<template>
    <div class="page-warp">
        <Top style="margin-top: -20px;" />
        <Center />
        <Bottom style="margin-top: 10px;" />
    </div>
</template>

<script>
import Top from './top.vue';
import Center from './center.vue';
import Bottom from './bottom.vue';

export default {
    name: 'PackLTIndex',
    components: {
        Top,
        Center,
        Bottom
    },
    data() {
        return {};
    },
    created() { },
    mounted() { },
    beforeDestroy() { },
    methods: {
        chartClick(params) {
            // 这里处理你的点击逻辑
            this.$emit('chartClick', params);
        },
    },
};
</script>

<style lang="scss" scoped>
.page-warp {
    padding: 30px 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
</style>